Inclusive Design 包容性設計

包容性設計是一種方法論,旨在建立理解幷包容各種背景和能力的使用者的產品。這種設計可能涵蓋無障礙性、年齡、經濟情況、地理位置、語言、種族等因素。透過優先考慮包容性設計,數字介面能增進使用者體驗並營造歸屬感。

包容性設計的核心概念

包容性設計的核心是理解和同理使用者,透過多樣化的設計適應使用者的各種需求。例如,在註冊頁面的“種族選擇”一項中,增加“兩種或更多種族”選項或使用多選框代替單選按鈕,幫助使用者表達真實身份。

無障礙設計、通用設計與包容性設計

無障礙設計:專注於確保介面適用於有聽覺、認知、身體和視覺障礙的使用者。其設計範圍較窄,通常以《網路內容無障礙指南》(WCAG)等標準為依據。無障礙設計提供了基本的體驗,但對有特殊需求的使用者而言只是最低要求。

通用設計:旨在提供單一體驗,滿足儘可能多的人的使用需求。相比包容性設計,通用設計更適合物理環境中,因適應多樣化設計成本較高。而在數字產品設計中,包容性設計更常見,易於根據使用者需求做出調整。

包容性設計模式

包容性設計涵蓋無障礙性、年齡、文化、經濟情況、教育、性別、地理位置、語言和種族等多方面。以下為一些包容性設計模式的例項:

1. 為老年使用者最佳化文字可讀性和暗模式

字型大小、對比度和排版是影響老年使用者閱讀體驗的重要因素。透過提供字型調整按鈕或啟用暗模式,能幫助視力下降的使用者更輕鬆地閱讀內容。例如,Washington Post在其網站中提供字型調整功能,使使用者能夠根據需要增大字型。

一位 81 歲的參與者在《環球郵報》網站上瀏覽近期的文章,但難以看清螢幕上的文字。在閱讀標題時,他多次找不到自己讀到的位置(由於文字排列緊密),並湊近膝上型電腦螢幕以便更好地看清文字。
在《華盛頓郵報》網站上提供了增大文章字型的控制功能。此功能對視力下降的老年使用者具有包容性。

2. 全球使用者的姓氏輸入

全球使用者的姓氏格式不同,有些姓氏中包含連字元、特殊字元或重音字元。某些稅務軟體(如TaxSlayer)受限於稅務局格式,無法識別包含這些字元的姓氏。為避免此類限制,Facebook設定了一個幫助頁面,供無法使用真實姓名註冊的使用者申請。

TaxSlayer(一款報稅軟體)的支援頁面提到了姓氏欄位的限制,這是由於美國國稅局(IRS)的格式要求所致。
一個針對名字未被視為有效輸入的使用者的 Facebook 支援表單。

3. 多樣化的身份選項

在需要提供身份資訊的表單(如種族、性別、性取向)中提供包容性選項。例如,Tinder允許使用者自定義性別身份,並提供30多種選項,以滿足使用者多樣化的需求。

4. 包容性篩選選項

Pinterest提供按髮型型別(如捲髮、直髮)篩選的選項,幫助使用者更輕鬆地找到相關內容。類似地,Sephora允許使用者根據年齡段篩選護膚品,為不同年齡層的皮膚問題提供針對性推薦。

Pinterest 增加了包容性濾鏡,使使用者能夠根據頭髮型別對髮型進行分類。
絲芙蘭提供了一個過濾器,使使用者能夠找到與其年齡範圍相關的產品。

5. 多元化插圖

插圖是介面包容性設計的重要部分。過於簡化的無皮膚色插圖反而加深了對特定群體的排斥。為提高包容性,Airbnb和Atlassian等公司調整了其插圖風格,更好地反映使用者群體的多樣性。

愛彼迎(Airbnb)插圖演變的前後對比(左為之前,右為之後),現在其優先考慮包容性和多樣性。
Atlassian 插圖演變的前後對比(上為之前,下為之後),現在其優先考慮多樣性和包容性。

結論:包容性設計對不同的人而言意義不同。使用者不應僅從自身視角出發來設計產品,而應從多樣化使用者的需求出發。以下為實踐包容性設計的幾點建議:

優先包容性研究實踐:在測試和評估介面時,確保使用者樣本的多樣性,以更好地滿足真實需求。

教育利益相關者:幫助他們瞭解不同人群如何使用技術,將他們參與到使用者研究中,分享使用者例項和反饋。識別排斥因素:避免認為“我的產品適合所有人”。插圖等細節中的單一風格可能傳達排斥資訊,應更真實地反映使用者多樣性。